<template>
  <div>
    <ul>
      <li v-for="p in all">
        {{p}}
      </li>
    </ul>
  </div>
</template>

<script>
import {mapState} from 'vuex'
export default {
  computed: {
    ...mapState('products', {
      all: state => state.data
    }),
    // all() {
    //   return this.$store.state.products.data
    // }
  },
  mounted() {
    // console.log(this.$store.state.products.data)
  },
}
</script>

<style lang='stylus' scoped>

</style>